<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta name = "format-detection" content="telephone = no" />
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>密码</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        html{
            height:100%;
        }
        body{
            background:#fff;
            height:100%;
        }
        .part1,.part2,.part3{
            position: relative;
            height: 54px;
            box-sizing: border-box;
            margin-top:10px;
            border:1px solid #B5B5B5;
            border-left:none;
            border-right:none;
            /*margin-bottom: -1px;*/
            padding: 11px 10px 10px 75px;
        }
        .phonelf{
            position: absolute;
            top: 50%;
            margin-top: -11px;
            left: 10px;
            height: 25px;
            line-height: 25px;
            /*border-right: 1px solid #e0e0e0;*/
            font-size: 15px;
            font-weight: bold;
            box-sizing: border-box;
            width: 65px;
        }
        input{
            border: 0;
            width: 60%;
            height: 22px;
            line-height: 22px;
            color: #323232;
            font-size: 14px;
        }
        .part2 .btnplace{
            width:96px;
            box-sizing: border-box;
            font-size: 12px;
            color: #333;
            padding: 0 15px;
            line-height: 23px;
            position: absolute;
            border: solid 1px #bbb;
            border-radius: 2px;
            right: 10px;
            top:14px;
        }
        .part2,.part3{
            /*border-top:1px solid #F2F2F2;*/
        }
        .part3{
            /*border-bottom: 1px solid #F2F2F2;*/
        }
        .okbtnplace{
            padding-top:20px;
        }
        .okbtnplace a{
            display: block;
            border: 1px solid #FF9405;
            height: 42px;
            line-height: 42px;
            text-align: center;
            box-shadow: 0 1px 1px 0 #FFF inset;
            border-radius: 5px;
            color: #fff;
            background: -webkit-linear-gradient(bottom,#FF9A14,#FFA01F);
            background: -moz-linear-gradient(top, #FF9A14 0%, #FFA01F 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9A14), color-stop(100%,#FFA01F));
            background: -webkit-linear-gradient(top, #FF9A14 0%,#FFA01F 100%);
            background: -o-linear-gradient(top, #FF9A14 0%,#FFA01F 100%);
            background: -ms-linear-gradient(top, #FF9A14 0%,#FFA01F 100%);
            background: linear-gradient(to bottom, #FF9A14 0%,#FFA01F 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9A14', endColorstr='#FFA01F',GradientType=0 );
        }
        .titlep{
            padding:5px;
            padding-left:10px;
            border-bottom: 1px solid #d7dbde;
            border-top: 1px solid #FFF;
            background-color: #F2F2F2;
            font-size: 12px;
            color:#878d92;
        }

        #word1,#word2,#word3{
            margin-top:10px;
            height: 20px;
            text-align: center;
            color:#E53B36;
            font-size: 12px;
            line-height: 20px;
        }
        input::-webkit-input-placeholder {
            color:    #CECECE;
        }
        input:-moz-placeholder {
            color:    #CECECE;
        }
        input:-ms-input-placeholder{
            color:    #CECECE;
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button{
            -webkit-appearance: none !important;
            margin: 0;
        }
        /*新修改*/
        #time{
            text-align: center;
        }
        #getphonetest{
            cursor: pointer;
        }
        .PageWrapper.nonav{
            max-width:1000px;
            min-width:320px;
            height:100%;
            margin:0 auto;
        }
        .EditorModal.has_toolbar{
            height:100%;
        }
        .rightdiv{
            height:33px;
        }
        .rightdiv>input{
            width:100%;
            height:33px;
            line-height:33px;
        }
        .okbtnplace{
            padding-top:10px;
            margin-left:10px;
            margin-right:10px;
        }
        #inputphone{
            display:block;
        }
        #testnumber{
            display:none;
        }
        #newpassword{
            display:none;
        }
        .part2rightdiv{
            height:33px;
            margin-right:100px;
        }
        .part2rightdiv>input{
            height:33px;
            line-height:33px;
            width:100%;
        }
        /*还未注册*/
        #nouser{
            display:none;
            position:fixed;
            z-index: 1000;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:rgba(0,0,0,0.75);
        }
        #nouser>div{
            width:100%;
            height:100%;
            position:relative;
        }
        #nouser>div>div#nouserinfobox{
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
        }
        #nouserinfobox{
            width:322px;
            height:120px;
            background: #fff;
            border-radius: 2px;
        }
        #nouserinfobox>div:first-child{
            height:70px;
            font-size: 16px;
            font-weight: bold;
            line-height: 70px;
            text-align: center;
            border-bottom:1px solid #D5D5D5;
        }
        #nouser .btnplace{
            height:49px;
        }
        #nouser .btnplace:after{
            content:"";
            display:block;
            clear: both;
        }
        #nouser .btnplace div{
            float:left;
            height:49px;
            width:50%;
            box-sizing: border-box;
            line-height: 49px;
            text-align: center;
            color:#0095DA;
            cursor: pointer;
        }
        #changgepn{
            border-right:1px solid #D5D5D5;
        }
        .Header .fixed_header .header_main{
            /*background:#099FDE;*/
            background-color:#b92b27;
        }
        #phonenextbtn,#testnextbtn,#changepwbtn{
            cursor: pointer;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<div class="PageWrapper nonav" style="margin-top: 0;">
    <!-- 输入手机号部分-->
    <div id="inputphone" class="EditorModal has_toolbar" style="padding-top:0;">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header" style="position: relative">
                <div class="header_main">
                    <button class="mweb_modal_back_button"></button>
                    <div class="page_title">重置密码1/3</div>
                </div>
            </div>
        </div>

        <div style="padding-top:0;padding-bottom:0;">
            <div class="part1">
                <div class="phonelf">
                    手机号
                </div>
                <div class="rightdiv">
                    <input type="number" placeholder="请输入" id="phonenumber">
                </div>
            </div>
            <div id="word1"></div>
            <div class="okbtnplace">
                <a id="phonenextbtn">
                    下一步
                </a>
            </div>
        </div>

    </div>
    <!-- 输入验证码-->
    <div id="testnumber" class="EditorModal has_toolbar" style="padding-top:0;">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header" style="position: relative">
                <div class="header_main">
                    <button class="mweb_modal_back_button"></button>
                    <div class="page_title">重置密码2/3</div>
                </div>
            </div>
        </div>

        <div style="padding-top:0;padding-bottom:0;">
            <div class="part2">
                <div class="phonelf">
                    验证码
                </div>
                <div class="part2rightdiv">
                    <input type="number" placeholder="请输入短信验证码" id="testnum">
                </div>
                <div class="btnplace">
                    <div id="getphonetest" style="display:block;">获取验证码</div>
                    <div id="time" style="display:none;">60</div>
                </div>
            </div>
            <div id="word2"></div>
            <div class="okbtnplace">
                <a id="testnextbtn">
                    下一步
                </a>
            </div>
        </div>

    </div>
    <!-- 输入新密码-->
    <div id="newpassword" class="EditorModal has_toolbar" style="padding-top:0;">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header" style="position: relative">
                <div class="header_main">
                    <button class="mweb_modal_back_button"></button>
                    <div class="page_title">重置密码3/3</div>
                </div>
            </div>
        </div>
        <p class="titlep">修改完成后请牢记您的密码，以免遗忘。</p>
        <div style="padding-top:0;padding-bottom:0;">
            <div class="part3">
                <div class="phonelf">
                    新密码
                </div>
                <div class="rightdiv">
                    <input type="password" placeholder="输入6到12位新密码" id="newpw">
                </div>
            </div>
            <div id="word3"></div>
            <div class="okbtnplace">
                <a id="changepwbtn">
                    重置
                </a>
            </div>
        </div>

    </div>
</div>
<div id="nouser">
    <div>
        <div id="nouserinfobox">
            <div>该手机尚未注册</div>
            <div class="btnplace">
                <div id="changgepn">修改号码</div>
                <div id="gotozc">立即注册</div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/md5.js"></script>
<script src="js/forgetpw.js"></script>
</body>
</html>